
<script>
	$(document).ready(function(){
	//datepicker
		jQuery('#birthday').datetimepicker({
		lang:'vi',
		i18n:{
				fn:{
					months:[
						'Januar','Februar','März','April',
						'Mai','Juni','Juli','August',
						'September','Oktober','November','Dezember'
					],
					dayOfWeek:[
						"So.", "Mo", "Di", "Mi", 
						"Do", "Fr", "Sa."
					]
				}
		},
		timepicker:false,
		format:'d/m/Y'
	});
	var isEmail = /([a-zA-Z0-9])+@([a-zA-Z0-9])+(\.([a-zA-Z]{2,4})|\.([a-zA-Z]{2,4})+\.([a-zA-Z]{2,4}))$/;
	var isPhone = /([0-9]{10,12})$/;
	//sự kiện change
	// fullname
		$("#fullname").change(function(){
			var fullname = $("#fullname").val();
			if(fullname.trim() == 0){
					$(".fullname").html("Bạn chưa nhập họ tên !");
			}else if(fullname.trim().length < 8){
					$(".fullname").html("Họ và tên có độ dài tối thiểu là 8 kí tự !");
			}else{
					$(".fullname").html("");
			}	
		});
	//mail 
	$("#email").change(function(){
		var email = $("#email").val();
		if(email.trim() == 0){
				$(".email").html("Bạn chưa nhập email !");
		}else if(!email.match(isEmail)){
				$(".email").html("Email chưa đúng định dạng !");
		}else{
			$(".email").html("");
		}
	});
	//phone
	$("#phone").change(function(){
		var phone = $("#phone").val();
		if(phone.trim()!=0 && !phone.match(isPhone)){
				$(".phone").html("Số điện thoại chưa nhập đúng định dạng");
		}else{
				$(".phone").html("");
		}
		
	});
	//sự kiện khi kích nút update
		$("#update").click(function(){
			var fullname = $("#fullname").val();
			var password = $("#password").val();
			var gt = $("#gt").val();
			var email = $("#email").val();
			var phone = $("#phone").val();
			var err = false;
			if(fullname.trim() == 0){
					$(".fullname").html("Bạn chưa nhập họ tên !");
					err = true;
			}else if(fullname.trim().length < 8){
					$(".fullname").html("Họ và tên có độ dài tối thiểu là 8 kí tự !");
					err = true;
			}				
			if(email.trim() == 0){
					$(".email").html("Bạn chưa nhập email !");
					err = true;
			}else if(!email.match(isEmail)){
					$(".email").html("Email chưa đúng định dạng !");
					err = true;
			}
			if(phone.trim()!=0 && !phone.match(isPhone)){
				$(".phone").html("Số điện thoại chưa nhập đúng định dạng");
				err = true;
			}
			if( err == true){
				return false;
			}

		});
	});
</script>
<form method="post" action="back/auth/info">
			<section class="content-header">
				<h1>Thay đổi thông tin cá nhân</h1>
				<nav class="auth">
						<ul>
							<li class='active'><a>Thông tin</a></li>
							<li><a href="back/auth/password">Mật khẩu</a></li>
						</ul>
				</nav>
			</section><!--content-header-->
			<section class="content-view">
				<section class="content">
					<section class="header">
						<h1>Thông tin chung</h1>
						<nav>
							<ul>
								<li class="active"><input type="submit" value="Cập Nhật" name="update" id="update" /></li>
								<li class=""><input type="reset" value="Làm lại" name="reset" id="reset" /></li>
								<li><button class="back"><a href="back/admin">Trở lại</a></button></li>
							</ul>
						</nav>
					</section><!--end header-->
					<section class="auth">
						<form>
							<label><span>Tên Đăng Nhập: </span><input type="text" name="username" id="username" value="<?php echo $user_data['username'];?>" disabled><span class="err ">(*)</span></label><br />
							<label><span>Họ và Tên: </span><input type="text" name="fullname" id="fullname" value="<?php echo $user_data['fullname'];?>"><span class="err fullname">(*)</span></label><br />
							<label><span>Giới Tính: </span>
								<select name="gt" id="gt">
									<option value="1">Nam</option>
									<option value="0">Nữ</option>
								</select>
								<script type="text/javascript">
								var gt="<?php echo $user_data['gender'];?>";
								$("#gt").val(gt);
								</script>
							</label><br />
							<label><span>Địa Chỉ: </span><input type="text" name="address" id="address" value="<?php echo $user_data['address'];?>"></label><br />
							<label><span>Ngày Sinh: </span><input  id="birthday"class="datetimepicker"type="text" name="birthday" value="<?php echo inttodate($user_data['birthday']);?>"></label><br />
							<label><span>Phone: </span><input type="text" name="phone" id="phone" value="<?php echo $user_data['phone'];?>"><span class="err phone">(*)</span></label><br />
							<label><span>Email: </span><input type="text" name="email" id="email" value="<?php echo $user_data['email'];?>"><span class="err email">(*)</span></label><br />
						</form>
					</section><!--End auth-->
				</section>
			</section><!--End section content-view-->
	</form>
